﻿*{ margin: 0;padding: 0;font-size: 13px;font-family: sans-serif;}
#page{ width: 90%;height: auto;overflow: hidden;clear: both;margin: 0 auto;}
#banner{ width: 100%;height: 80px;clear: both;position: relative;}
#menu{ width: 100%;height: 35px;clear: both;position: relative;background: #3883cc;color: #c8c8c8;}
#wapcontent{ width: 100%;height: auto;overflow: hidden;margin: 0;padding: 0;clear: both;position: relative;}
#sidebar{ width: 25%;height: auto;position: relative;overflow: hidden;float: left;vertical-align: top;}
#maincontent{ width: 74%;height: auto;float: right;vertical-align: top;overflow: hidden;position: relative;}
#footer{ width: 100%;height: 100px;clear: both;position: relative;z-index: 1;overflow: hidden;margin-top: 20px;}
.clear{ width: 100%;clear: both;margin-top: 10px;position: relative;}
.col-left{ width: 20%;height: auto;float: left;text-align: right;position: relative;}
.col-right{ width: 79%;height: auto;float: right;position: relative;}
.ColLeft{ width: 25%;height: 100%;float: left;text-align: left;padding-left: 10px; }
.ColLeft span{ padding: 3px 2px 3px 10px; }
.ColLeft img { width: 200px;height: 150px;text-align: center;}
.ColRight{ width: 70%;height: 100%;float: right;}
.rows{ width: 100%;height: 25px;clear: both;margin-top: 7px;}
.content{ width: 100%;height: auto;overflow: hidden;clear: both;position: relative;}
.row{ width: 100%;height: 30px;margin: 0;padding: 0;clear: both;position: relative;}
.decription{ width: 100%;margin: 0;padding: 0;clear: both;overflow: hidden;position: relative;}
.detail{ width: 100%;height: auto;clear: both;overflow: hidden;position: relative;}
.cell{ float: left;margin-left: 2px;padding-left: 2px;border-left: 1px solid #3883dd;}
.cell-Id{ width: 50px;float: left;text-align: center;}
.combobox{ width: 200px;margin: 5px auto auto 2px;}
.textarea{ width: 500px;height: 120px;margin: 1px auto auto 2px;background: #dfdcc6;color: #000000;clear: both;}
.textarea2{ width: 98%;height: 100%;margin: 1px auto auto 2px;background: #dfdcc6;color: #000000;z-index: 1;}
.datefield{width: 200px;margin: 5px auto auto 2px;background: #dfdcc6;color: #000000;z-index: 9999;}
.datepopup{ z-index: 9999;}
.button{ width: 100px;height: 30px;background: #0000ff;color: #fff;font-size: 13px;font-weight: bold;}
.red{ color: red;}
.left{ width: 49%;height: auto;float: left;}
.right{ width: 49%;height: auto;float: right;}
/*table tr:hover { background-color:#fffbae!important; } /* hovering */
table tr:nth-child(odd) td { background-color: #b8d1f3; } /*odd*/
table tr:nth-child(even) td { background-color: #dae5f4; } /* even*/
.grand-left{ width: 49%;height: auto;float: left;}
.grand-right{ width: 49%;height: auto;float: right;}

/* menu----------------------------------------------------------*/
ul.nav {font-size: 1.3em;font-weight: 600;margin: 0 0 5px;padding: 0;text-align: left;width: 100%;position: relative;float: left;}
    ul.nav li {display: inline;list-style: none;padding-left: 10px;position: relative;float: left;margin: 10px 5px auto 5px;}
        ul.nav li a {background: none;color: #c8c8c8;text-decoration: none;padding: 10px 2px 5px 2px;}
        ul.nav li a:hover {color: #fff;text-decoration: none;}
        ul.nav li ul{ position:absolute; width:150px; height:auto;  display:none; background: #3883cc;top: 20px;margin: 1px;padding: 1px;}
        ul.nav li li{ line-height:1.5em;  margin-top:3px; padding: 1px;left: -2px; border:0;width: 100%; }
        ul.nav li li:hover{ line-height:1.5em;}
        ul.nav li li a{ padding-left: 1px; }
        ul.nav li li:hover ul{display:none; }
        ul.nav li:hover ul{ display:block; }
.active{ color: #fff;}
.index{ z-index: 10000;}
.red{ color: red;}
/*-------------------------------*/
.table{ width:100%; height:25px; font-weight:bold; font-size:13px; background:#d0def0;text-align:left; }
.control{ padding-left:15px; height:10px; text-decoration:none; color:Blue; font-weight:bold; font-size:13px;  padding-top:5px; margin-top:5px;}
.frame{ width: 100%;height: auto;border: 1px solid #cccccc;margin-bottom: 10px;background: #fff;position: relative;overflow: hidden;
    -webkit-border-radius: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;z-index: 0;
}
.title{ width: 100%;height: 30px;background: #007cfe;color: #ffffff;text-align: center;clear: both;padding-top: 7px;font-size: 13px;font-weight: bold;position: relative;margin-top: 5px;
    top: 0px;
    left: 0px;
}
.modul { margin: 0;padding: 0;width: 100%;height: auto;position: relative;overflow: hidden;}
.modul li{ float: left;list-style:none;margin: 2px auto 2px 2px;padding-left: 0;line-height:25px;width:100%;}
.modul li a{ color:#000000;margin: 3px auto auto 2px;padding-left: 5px;text-decoration: none;font-family: arial, helvetica, sans-serif;font-size: 13px;line-height: 20px;}
.modul li a:hover{ text-decoration: underline;color: red;}
.textbox{ width: 200px;font-family: Tohoma;background: #dfdcc6;color: #000000;float: left; }
.button{ width: 120px;height: 25px;text-align: center;font-weight: bold;float: left;}
.combobox{ width: 205px;font-family: Tohoma;background: #dfdcc6;color: #000000;float: left; }
.fileupload{ width:49%; height:100%; float:left;margin: 0;padding: 0; }
.checkbox{ float: left;}
.textarial{ width: 100%;height: 120px;margin: 5px auto 10px auto;position: relative;}
.message{ font-size: 13px;font-weight: bold;color: #ff0000;}
.decription-frame{ width: 100%;height: 150px;}
.detail-frame{ width: 100%;height: 250px;clear: both;}
.tabcontrol{ width: 100%;height: auto;}
.uploadimageleft{ width:49%; height:90px; float:left; }
.uploadimageright{ width:49%; height:90px;}
.uploadimageright img{ width:100px; height:90px; border:1px solid gray;}
.business{ padding:5px; width:20px; height:20px;}
.video{ width: 100%;height: 100px;position: relative;overflow: hidden;clear: both;}
.video div.videoclip{ width: 99%;height: 100px;float: left;position: relative;}
.video div.videoclip img{ width: 100%;height: 100%;position: relative;}
.video div.videoclip object embed{ width: 100%;height: 100%;position: relative;}
.video div.devideo{ width: 59%;height: 100px;float: right;vertical-align: top;}
.video div.videoclip span{width: 100%;position: relative;}
.video div.videoclip span.time { text-align: right;height: 15px;top: -20px;color: red;float: right;}
.video div.videoclip span img{ text-align: center;height: 40px;width: 40px;top: -80px;float: inherit;right: -3em;}
.span{width: 99%; height: 200px; position: relative;}
.span img{ width: 99%;height: 150px;position: relative;}